<!DOCTYPE html>
<html>
    <head>
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.3.2.css" />
    <link rel="stylesheet" type="text/css" href="css/page-dots.css" />
</head>

	<div id="WelcomePage" class="ui-page ui-body-b ui-page-active"
		data-theme="d" data-role="page" data-url="WelcomePage" tabindex="0"
		style="min-height: 134px;">

		<div data-theme="d" data-role="header" role="banner"><h1>PushUps</h1></div>

		<div class="ui-content" data-role="content" role="main" style="text-align: center;">
			
			<span id="dotleft"><span class="dot dot1" style="margin-top: 20px;"></span></span> 
			<span id="dotright"><span class="dot dot2" style="margin-top: 20px;"></span></span> 
			<p><h2 id="title">One hundrend Pushups</h2></p>
			
			<span id="welcome-page" data-transition="slide"> <img alt=""
				style="display: block; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px;"
				src="images/pushup-logo.jpg" />
			</span>
			<p><h4 id="description"></h4></p>
		</div>

		<div class="data-role-footer" role="contentinfo">
			<div class="ui-navbar" data-role="navbar" role="navigation">
				<ul class="ui-grid-solo">
					<li class="ui-block-a"><a  data-transition="slide" id="btnToStart"
                        onclick="if(!(localStorage.getItem('username') === null)){
                        	$.mobile.changePage( 'profile.html', { transition: 'slide', changeHash: false });
                        } else {
                        	$.mobile.changePage( 'useraccount.html', { transition: 'slide', changeHash: false });
                        }"
						class="ui-btn ui-shadow ui-btn-inline ui-btn-icon-top ui-btn-up-a"
						data-icon="next" data-theme="d" href="" data-corners="false"
						data-shadow="false" data-iconshadow="true" data-wrapperels="span"
						data-iconpos="top" data-inline="true" data-prefetch="true"> Start </a></li>
				</ul>
			</div>
		</div>

	</div>

	<script type="text/javascript" src="phonegap.js"></script>
	<script type="text/javascript" src="js/jquery-2.0.3.js"></script>
	<script type="text/javascript" src="js/jquery.mobile-1.3.2.js"></script>
    <script type="text/javascript" src="js/Helpers/md5.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/Plugins/readdb.js"></script>
    <script type="text/javascript" src="js/Controllers/useraccountcontroller.js"></script>
    <script type="text/javascript" src="js/Controllers/profilecontroller.js"></script>
    <script type="text/javascript" src="js/Controllers/initialtestcontroller.js"></script>
    <script type="text/javascript" src="js/Controllers/schedulecontroller.js"></script>
    <script type="text/javascript" src="js/Controllers/daycontroller.js"></script>
    <script type="text/javascript" src="js/Controllers/pushupsetcontroller.js"></script>
    <script type="text/javascript" src="js/BL/categoryBL.js"></script>
    
	<script src="js/chart/knockout-3.0.0.js"></script>
	<script src="js/chart/globalize.js"></script>
	<script src="js/chart/dx.chartjs.js"></script>

	<script type="text/javascript">
		$("#WelcomePage").swiperight(function() {
			$.mobile.activePage.find("#welcome-page").html("<img id='img' alt='' style='display: block; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px;' src='images/pushup-logo.jpg' />");
			$.mobile.activePage.find("#title").html("One hundrend Pushups");
			$.mobile.activePage.find("#description").empty();
			$.mobile.activePage.find("#dotright").html("<span class='dot dot2' style='margin-top: 20px;'></span>");
			$.mobile.activePage.find("#dotleft").html("<span class='dot dot1' style='margin-top: 20px;'></span>");
		});
		
		$("#WelcomePage").swipeleft(function() {
			$.mobile.activePage.find("#welcome-page").html("<img id='img' alt='' style='display: block; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px;' src='images/push-up-guide.png' />");
			$.mobile.activePage.find("#title").html("what is a push up?");
			$.mobile.activePage.find("#description").html("Push up is a common strength training exercise performed in a prone position, lying horizontal and face down, raising and lowering the body using the arms.");
			$.mobile.activePage.find("#dotleft").html("<span class='dot dot2' style='margin-top: 20px;'></span>");
			$.mobile.activePage.find("#dotright").html("<span class='dot dot1' style='margin-top: 20px;'></span>");
		});
        $(document).delegate("#ProfilePage", "pageshow", function() {
            profilecontroller.loadProfileContent();

        });
        $(document).delegate("#SchedulePage", "pageshow", function() {
            schedulecontroller.loadScheduleContent();
        });
        $(document).delegate("#DayOnePage", "pageshow", function() {
            daycontroller.loadDayContent();
        });
        $(document).delegate("#DayTwoPage", "pageshow", function() {
            daycontroller.loadDayContent();
        });
        $(document).delegate("#DayThreePage", "pageshow", function() {
            daycontroller.loadDayContent();
        });
        $(document).delegate("#SetPage", "pageshow", function() {
            pushupsetcontroller.loadDayContent();
        });
        <!--app.initialize();-->
	</script>
</body>
</html>
